<template>
	<view class="index">
		首页
			 
					<uni-countdown 
					:show-day="false"
					:font-size="30" :day="0" :hour="2" :minute="30" :second="0" color="#FFFFFF" background-color="#007AFF" />
					
						<uni-section title="设置阈值" subTitle="阈值用于控制什么时候显示刚刚|马上，什么时候显示xx分钟前|xx分钟后" type="line" padding>
								<view class="example-body">
									<uni-dateformat :date="now - 30000" :threshold="[0,3600000]"></uni-dateformat>
								</view>
						</uni-section>
							<uni-calendar :selected="selected" />
			 
	</view>
</template>
<script setup>
	import {ref,reactive} from 'vue'
	const now=ref(Date.now())
	const selected  = reactive([
		{date: '2023-08-27', info: '打卡'},
	])
</script>
<style>
	/* #ifdef APP || H5 */
	.index{
		padding-top: var(--status-bar-height);
	}
	/* #endif */
</style>